@error-color: rgb(231, 52, 98);
@correct-color: rgb(10, 100, 220);

.login {
  width: 100%;
  height: 100vh;
  font-family: "微软雅黑", sans-serif;
  font-size: 12px;
  position: relative;
  background-image: url("../../images/login_bg.png");
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;

  &-box {
    width: 350px;
    height: 450px;

    input {
      background: none;
      border: none;
      color: #fff;
      border-bottom: 1px solid #999;
      border-radius: 0;
    }

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
      background-color: red
    }

    .ant-form-explain {
      text-indent: 30px;
    }

    &-button {
      float: right;
    }

    h4,
    h3 {
      text-align: center;
    }

    h4 {
      color: #3772ff;
      font-size: 30px;
      padding: 20px 0px;
    }

    h3 {
      color: #fff;
      font-size: 18px;
      margin-bottom: 20px;
    }

    .autoLogin {
      display: inline-block;
      color: #999
    }

  }

}